<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
    <meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="css/swiper.css"/>
    <link rel="stylesheet" href="css/basic.css"/>
    <link rel="stylesheet" href="css/index.css"/>
    <link rel="stylesheet" href="css/media.css"/>
    <link rel="stylesheet" href="css/fancybox.css"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/simpler-sidebar.js"></script>
    <script type="text/javascript" src="js/swiper.js"></script>
    <script type="text/javascript" src="js/SuperSlide.js"></script>
    <script type="text/javascript" src="js/fancybox.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=igzwHKizrtVBrvneXxE7RqUn"></script>
</head>
<body>


<!-- 移动端导行 -->
<div class="sidebar" id="dowebok">
  <div class="sidebar-wrapper" id="sidebar-wrapper">
    <ul class="nav">
        <li><a href="###">首页</a></li>
        <li><a href="###">品牌介绍</a></li>
        <li><a href="###">产品中心</a></li>
        <li><a href="###">最新消息</a></li>
        <li><a href="###">配套服务</a></li>
        <li><a href="###">售后服务</a></li>
        <li><a href="###">联系我们</a></li>
    </ul>
  </div>
</div>



<!-- 头部导行 -->
<div class="header">
<div class="container">
    <div class="header_box clearfix">
        <h1><a href="###"><img src="images/logo.png" alt=""></a></h1>
        <div class="header_btn">
            <div id="menu" class="menu hidden-lg hidden-md hidden-sm"></div>
            <a href="###" class="en">ENGLISH</a>
            <span class="search_btn"></span>
        </div>
        <div class="nav hidden-xs">
            <ul>
                <li class="on"><a href="###">首　页</a></li>
                <li><a href="###">品牌介绍</a></li>
                <li><a href="###">产品中心</a></li>
                <li><a href="###">最新消息</a></li>
                <li><a href="###">配套服务</a></li>
                <li><a href="###">售后服务</a></li>
                <li><a href="###">联系我们</a></li>
            </ul>
        </div>
        <div class="header_form">
            <form action="">
                <input type="text" name="q" class="text" placeholder="输入关键字">
                <input type="submit" value="" class="submit">
            </form>
        </div>
    </div>
</div>
</div>




<div class="contact">
    <div id="allmap" class="map"></div>
    <div class="contact_list">
        <div class="htit">
            <h2>联系我们</h2>
            <p>CONTACT US</p>
        </div>
        <ul class="city_list">
            <li><a href="javascript:void(0)" data-lng="113.126784" data-lat="23.017382">佛山</a></li>
            <li><a href="javascript:void(0)" data-lng="113.268213" data-lat="23.140794">广州</a></li>
            <li><a href="javascript:void(0)" data-lng="104.98598" data-lat="33.76647">中国</a></li>
            <li><a href="javascript:void(0)" data-lng="-104.156186" data-lat="40.363837">美国</a></li>
            <li><a href="javascript:void(0)" data-lng="18.686452" data-lat="9.625179">非洲</a></li>
            <li><a href="javascript:void(0)" data="上海">上海</a></li>
            <li><a href="###">佛山</a></li>
            <li><a href="###">佛山</a></li>
            <li><a href="###">佛山</a></li>
            <li><a href="###">佛山</a></li>
            <li><a href="###">佛山</a></li>
            <li><a href="###">佛山</a></li>
            <li><a href="###">佛山</a></li>
        </ul>
        <div class="address_box">
            <div class="list_box">
                <h3>深圳总厂1</h3>
                <div class="pic_box"><img src="images/contact1.jpg" alt=""></div>
                <p><span>地址</span>深圳市龙岗区平湖白坭坑明辉工业城深圳市龙岗区平湖白坭坑明辉工业城</p>
                <p><span>电话</span>(86-755) 2880 2888, 2880 2699</p>
                <p><span>传真</span>(86-755) 8466 2990-7 (8 条线)</p>
                <p><span>邮箱</span>marketing@mingfaigroup.com</p>
                <i>X</i>
            </div>
            <div class="list_box">
                <h3>深圳总厂2</h3>
                <div class="pic_box"><img src="images/contact1.jpg" alt=""></div>
                <p><span>地址</span>深圳市龙岗区平湖白坭坑明辉工业城</p>
                <p><span>电话</span>(86-755) 2880 2888, 2880 2699</p>
                <p><span>传真</span>(86-755) 8466 2990-7 (8 条线)</p>
                <p><span>邮箱</span>marketing@mingfaigroup.com</p>
                <i>X</i>
            </div>
            <div class="list_box">
                <h3>深圳总厂3</h3>
                <div class="pic_box"><img src="images/contact1.jpg" alt=""></div>
                <p><span>地址</span>深圳市龙岗区平湖白坭坑明辉工业城</p>
                <p><span>电话</span>(86-755) 2880 2888, 2880 2699</p>
                <p><span>传真</span>(86-755) 8466 2990-7 (8 条线)</p>
                <p><span>邮箱</span>marketing@mingfaigroup.com</p>
                <i>X</i>
            </div>
            <div class="list_box">
                <h3>深圳总厂4</h3>
                <div class="pic_box"><img src="images/contact1.jpg" alt=""></div>
                <p><span>地址</span>深圳市龙岗区平湖白坭坑明辉工业城</p>
                <p><span>电话</span>(86-755) 2880 2888, 2880 2699</p>
                <p><span>传真</span>(86-755) 8466 2990-7 (8 条线)</p>
                <p><span>邮箱</span>marketing@mingfaigroup.com</p>
                <i>X</i>
            </div>
        </div>
    </div>
</div>



<script type="text/javascript">

// 百度地图API功能
// var map = new BMap.Map("allmap");          
// map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
// var local = new BMap.LocalSearch(map, {
//     renderOptions:{map: map}
// });
// local.search("佛山");



// 百度地图API功能
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.331398,39.897445),5);
map.enableScrollWheelZoom(true);
    
// 用经纬度设置地图中心点
function theLocation(lng, lat){
    if(lng != "" && lat != ""){
        map.clearOverlays(); 
        var new_point = new BMap.Point(lng, lat);
        var marker = new BMap.Marker(new_point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        map.panTo(new_point);      
    }
}


var clist = $('.city_list li');
var alist = $('.address_box .list_box');
clist.each(function(index, element){
    var lng = $(element).find('a').attr('data-lng');
    var lat = $(element).find('a').attr('data-lat');
    $(element).on('click', function(){
        $(alist).hide();
        $(alist[index]).show();
        theLocation(lng, lat);
    });
});

$('.address_box .list_box i').on('click', function(){
    $(this).parent().hide();
})

</script>










<div class="tag_group">
<div class="container clearfix">
    <div class="col-md-4 col-sm-4">
        <div class="list_box box1">
            <h4>奖项荣誉</h4>
            <p>广东酒店用品行业综合实力百强企业</p>
        </div>
    </div>
    <div class="col-md-4 col-sm-4">
        <div class="list_box box2">
            <h4>质量保证</h4>
            <p>通过ISO14001—2004环境质量体系认证</p>
        </div>
    </div>
    <div class="col-md-4 col-sm-4">
        <div class="list_box box3">
            <h4>品牌理念</h4>
            <p>以人为本、以质取胜、诚信服务、互进双赢</p>
        </div>
    </div>
</div>
</div>



<div class="footer">
<div class="container">
    <div class="footer_box clearfix">
        <div class="footer_nav hidden-xs">
            <ul>
                <li><a href="###">品牌首页</a></li>
                <li><a href="###">关于我们</a></li>
                <li><a href="###">产品中心</a></li>
                <li><a href="###">品牌资讯</a></li>
                <li><a href="###">配套服务</a></li>
                <li><a href="###">售后服务</a></li>
                <li><a href="###">联系我们</a></li>
            </ul>
        </div>
        <div class="footer_contact">
            <div class="footer_logo"><img src="images/footer_logo.jpg" alt=""></div>
            <div class="footer_text">
                <p class="call">TEL：400-000-0000</p>
                <p>邮箱：12345678910@qq.com</p>
                <p>地址: 公司地址公司地址公司地址公司地址</p>
            </div>
        </div>
        <div class="qr_box">
            <p>关注微信号公众号</p>
            <img src="images/qr1.jpg" alt="">
            <p>扫一扫，了解更多</p>
        </div>
    </div>
</div>
</div>


<div class="firend_link hidden-xs">
<div class="container">
    <ul class="clearfix">
        <li>友情链接：</li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>
        <li><a href="###">友情链接</a></li>

    </ul>
</div>
</div>


<div class="copy">
<div class="container">
    <p>版权所有：佛山市南海区九江河清环球旅游工艺品厂　　　技术支持：网盛科技</p>
</div>
</div>





<script type="text/javascript" src="js/index.js" ></script>
<script>


</script>
</body>
</html>